<!DOCTYPE html>
<html>  
  <head>
    <meta charset="utf-8">
    <title>{$configs.title}</title>
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/Home/css/bootstrap-3.3.0/css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/Home/css/bootstrap-3.3.0/css/bootstrap-responsive.min.css">
    <link rel="stylesheet" id="dashicons-css" href="__PUBLIC__/Home/css/style.min.css" type="text/css">
    <script src="__PUBLIC__/Home/js/jquery-3.1.1.min.js"></script>
    <script src="__PUBLIC__/Home/css/bootstrap-3.3.0/js/bootstrap.min.js"></script>    
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/Home/css/index_slider.css">
  <link rel="stylesheet" type="text/css" href="__PUBLIC__/Home/css/general_nav.css">
  </head>
  
  <body>
    <div class="head-bar">
      <div class="container ">
        <div style="margin-left: 0px;" class="">
          <div style="width: 12%; float: left;">
            <a href="__APP__">
              <img style="vertical-align: middle;padding-top:5px" src="__PUBLIC__/Home/Upload/{$configs.logo_url}"></a>
          </div>
          <div style="float: left; width: 80%; margin-top: 28px;">
            <a style="color: rgb(255, 255, 255) ! important; font-size: 28px; font-family: &quot;微软雅黑&quot;; padding-left: 18px;" href="__APP__">{$configs.subtitle}</a></div>
        </div>
      </div>
    </div>
    <div class="clearfix"></div>
    <div class="main-nav">

<div style="margin-bottom:0;" class="navbar navbar-inverse">
<div class="navbar-inner"><div class="container">
<ul class="hidden-phone dxd-navbar-left-items nav" id="yw8">
<li class="{$active =='home' ? 'active':''}"><a href="__APP__">首页</a></li>
<li class="{$active =='home' ? 'active':''}"><a href="__APP__/Course">课程</a></li>
<li class="{$active =='home' ? 'active':''}"><a href="__APP__/Article">文章</a></li>
<li class="{$active =='home' ? 'active':''}"><a href="__APP__/Bbs">社区</a></li></ul>

<ul class="pull-right hidden-phone dxd-navbar-right-items nav" id="yw9">
 <if condition="$lo.id eq null">
<li><a href="__APP__/Login/register"><span class="dxd-notice">注册</span></a></li>
<li><a href="__APP__/Login">登录</a></li>
 <else />
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">用户中心<span class="caret"></span></a>

<ul id="yw10" class="dropdown-menu">
<li><a tabindex="-1" href="__APP__/Community">我的社区</a></li>
<li><a tabindex="-1" href="__APP__/Collect">我的收藏</a></li>
<li><a tabindex="-1" href="__APP__/User/index/id/{$_SESSION.id}">用户设置</a></li>
<li class="divider"></li><li><a tabindex="-1" href="__APP__/Login/logout">退出</a></li></ul>
</li>
</ul>
</if>
</div></div></div></div>
<div class="visible-phone navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<ul id="yw11" class="nav">
<li><a href="__APP__">首页</a></li>
<li><a href="__APP__/Course">课程</a></li>
<li><a href="__APP__/Article">文章</a></li>
<li><a href="__APP__/Bbs">社区</a></li></ul></div></div></div>
    </div>
    <div class="visible-phone navbar navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <ul id="yw10" class="nav">
            <li>
              <a href="__APP__">首页</a></li>
            <li>
              <a href="__APP__/Course">课程</a></li>
            <li>
              <a href="__APP__/Essay">文章</a></li>
            <li>
              <a href="__APP__/Community">社区</a></li>
          </ul>
        </div>
      </div>
    </div>
    <!-- 图片 -->
    <div class="hidden-phone main-carousel">
      <div id="banner" class="carousel slide" data-ride="carousel" data-wrap="true" data-interval="4000">
        <ol class="carousel-indicators">
          <volist name="banners" id="v">
            <li data-target="#banner" data-slide-to="{$i-1}" class="<if condition="($i eq 1)"> active></if>"></li>
          </volist>
        </ol>
        <div class="carousel-inner">
        <volist name="banners" id="vo">
          <div class="item <if condition="($i eq 1)">active</if>">
              <a href="{$vo['link']}">
              <img style="width:100%;" src="__PUBLIC__/Home/{$vo['img_url']}" alt=""></a>
          </div>
      </volist>
        </div>
        <a class="carousel-control left" href="#banner" data-slide="prev"></a>
        <a class="carousel-control right" href="#banner" data-slide="next"></a>
      </div>
    </div>
    <!-- 分类 -->
    <div class="course-category">
      <div class="container">
        <div class="course-category-inner">
          <div style="margin-bottom:35px">
            <div style="font-size:2em" class="pull-left">课程分类</div>
            <a class="theme-color pull-right" href="#">查看全部 》</a>
            <div class="clearfix"></div>
          </div>
          <div class="course-category-list">
            <a class="category-btn btn" href="#">职场与创业</a>
            <a class="category-btn btn" href="#">自然与生活</a>
            <a class="category-btn btn" href="#">科技与创新</a>
          </div>
        </div>
      </div>
    </div>
    <!--课程栏目-->
    <div style="padding:0 5px">
      <div class="container dxd-container">
        <div class="row" style="margin-top:10px">
          <div class="span9">
            <div style="margin-bottom:36px; solid #354b59;font-size:2em;">热点课程
              <div class="pull-right" style="font-size:14px">
                <a class="theme-color" data-index="查看全部 》" data-name="查看全部 》" href="__APP__/Course/index/index/type/">查看全部 》</a></div>
				</div>
            <div id="yw1" class="list-view">
              <div class="items">
                <ul class="thumbnails">
				<foreach name="courses" item="course">
                  <li class="span3" courseid="{$course.id}">
                    <div class="course-card">
                      <a href="__APP__/course/courseDetail/id/{$course.id}">
                        <img style="width: 270px;height:200px;" class="hidden-phone" src="__PUBLIC__/Home/images/{$course.course_icon}" alt="image"></a>
                      <div style="border:1px solid #eee;">
                        <a style="display:block;color:#333;font-size:18px;   text-align: left;line-height: 28px;padding: 25px 25px 0 25px;" href="__APP__/course/courseDetail/id/{$course.id}">{$course.course_name}</a>
                        <div style="padding:18px 25px">
                          <div class="pull-left">
                            <strong class="orange-color">干货值：{$course.click_num}斤</strong></div>
                          <div class="pull-right muted">已有{$course.course_info}同学</div>
                          <div class="clearfix"></div>
                        </div>
                      </div>
                    </div>
                  </li>
				  </foreach>
                  
                </ul>
              </div>
              <div class="keys" style="display:none" title="/edu/">
                <span>46</span>
                <span>52</span>
                <span>57</span></div>
            </div>
          </div>
          <div class="span3">
            <div class="tabbable course-list">
              <ul class="nav nav-tabs">
                <li class="active">
                  <a href="#tab1" data-toggle="tab">热门课程</a></li>
                <li>
                  <a href="#tab2" data-toggle="tab">推荐课程</a></li>
              </ul>
              <div class="tab-content">
                <div class="tab-pane active" id="tab1">
                  <div id="yw2" class="list-view">
                    <div class="items">
                      <div>1&nbsp;.
                        <a style="color:#666;" href="#">11111</a>
                        <span class="pull-right" style="color:#999">142</span>
                        <div class="clearfix"></div>
                      </div>
                      <hr style="margin:8px 0;border:1px dashed #ccc">
                      <div>2&nbsp;.
                        <a style="color:#666;" href="#">11111</a>
                        <span class="pull-right" style="color:#999">120</span>
                        <div class="clearfix"></div>
                      </div>
                      <hr style="margin:8px 0;border:1px dashed #ccc">
                      <div>3&nbsp;.
                        <a style="color:#666;" href="#">111111</a>
                        <span class="pull-right" style="color:#999">119</span>
                        <div class="clearfix"></div>
                      </div>
                      <hr style="margin:8px 0;border:1px dashed #ccc">
                      <div>4&nbsp;.
                        <a style="color:#666;" href="#">1111111</a>
                        <span class="pull-right" style="color:#999">82</span>
                        <div class="clearfix"></div>
                      </div>
                      <hr style="margin:8px 0;border:1px dashed #ccc">
                      <div>5&nbsp;.
                        <a style="color:#666;" href="#">1111111</a>
                        <span class="pull-right" style="color:#999">71</span>
                        <div class="clearfix"></div>
                      </div>
                      <hr style="margin:8px 0;border:1px dashed #ccc">
                      <div>6&nbsp;.
                        <a style="color:#666;" href="#">111111</a>
                        <span class="pull-right" style="color:#999">70</span>
                        <div class="clearfix"></div>
                      </div>
                      <hr style="margin:8px 0;border:1px dashed #ccc">
                      <div>7&nbsp;.
                        <a style="color:#666;" href="#">1111</a>
                        <span class="pull-right" style="color:#999">69</span>
                        <div class="clearfix"></div>
                      </div>
                      <hr style="margin:8px 0;border:1px dashed #ccc">
                      <div>8&nbsp;.
                        <a style="color:#666;" href="#">11111</a>
                        <span class="pull-right" style="color:#999">59</span>
                        <div class="clearfix"></div>
                      </div>
                      <hr style="margin:8px 0;border:1px dashed #ccc">
                      <div>9&nbsp;.
                        <a style="color:#666;" href="#">111111</a>
                        <span class="pull-right" style="color:#999">42</span>
                        <div class="clearfix"></div>
                      </div>
                      <hr style="margin:8px 0;border:1px dashed #ccc">
                      <div>10&nbsp;.
                        <a style="color:#666;" href="#">111111</a>
                        <span class="pull-right" style="color:#999">42</span>
                        <div class="clearfix"></div>
                      </div>
                    </div>
                    <div class="keys" style="display:none" title="/edu/">
                      <span>56</span>
                      <span>40</span>
                      <span>46</span>
                      <span>54</span>
                      <span>39</span>
                      <span>42</span>
                      <span>43</span>
                      <span>55</span>
                      <span>49</span>
                      <span>48</span></div>
                  </div>
                </div>
                <div class="tab-pane" id="tab2">
                  <div id="yw3" class="list-view">
                    <div class="items">
                      <div>1&nbsp;.
                        <a style="color:#666;" href="#">1111111</a>
                        <span class="pull-right" style="color:#999">119</span>
                        <div class="clearfix"></div>
                      </div>
                      <hr style="margin:8px 0;border:1px dashed #ccc">
                      <div>2&nbsp;.
                        <a style="color:#666;" href="#">222222222</a>
                        <span class="pull-right" style="color:#999">35</span>
                        <div class="clearfix"></div>
                      </div>
                      <hr style="margin:8px 0;border:1px dashed #ccc">
                      <div>3&nbsp;.
                        <a style="color:#666;" href="#">33333333333</a>
                        <span class="pull-right" style="color:#999">41</span>
                        <div class="clearfix"></div>
                      </div>
                      <hr style="margin:8px 0;border:1px dashed #ccc">
                      <div>4&nbsp;.
                        <a style="color:#666;" href="#">4444444444</a>
                        <span class="pull-right" style="color:#999">26</span>
                        <div class="clearfix"></div>
                      </div>
                      <hr style="margin:8px 0;border:1px dashed #ccc">
                      <div>5&nbsp;.
                        <a style="color:#666;" href="#">55555555555</a>
                        <span class="pull-right" style="color:#999">71</span>
                        <div class="clearfix"></div>
                      </div>
                      <hr style="margin:8px 0;border:1px dashed #ccc">
                      <div>6&nbsp;.
                        <a style="color:#666;" href="#">666666666</a>
                        <span class="pull-right" style="color:#999">120</span>
                        <div class="clearfix"></div>
                      </div>
                      <hr style="margin:8px 0;border:1px dashed #ccc">
                      <div>7&nbsp;.
                        <a style="color:#666;" href="#">77777777</a>
                        <span class="pull-right" style="color:#999">42</span>
                        <div class="clearfix"></div>
                      </div>
                      <hr style="margin:8px 0;border:1px dashed #ccc">
                      <div>8&nbsp;.
                        <a style="color:#666;" href="#">888888</a>
                        <span class="pull-right" style="color:#999">42</span>
                        <div class="clearfix"></div>
                      </div>
                      <hr style="margin:8px 0;border:1px dashed #ccc">
                      <div>9&nbsp;.
                        <a style="color:#666;" href="#">11111111111111</a>
                        <span class="pull-right" style="color:#999">32</span>
                        <div class="clearfix"></div>
                      </div>
                      <hr style="margin:8px 0;border:1px dashed #ccc">
                      <div>10&nbsp;.
                        <a style="color:#666;" href="#">22222222</a>
                        <span class="pull-right" style="color:#999">70</span>
                        <div class="clearfix"></div>
                      </div>
                    </div>
                    <div class="keys" style="display:none" title="/edu/">
                      <span>46</span>
                      <span>52</span>
                      <span>57</span>
                      <span>38</span>
                      <span>39</span>
                      <span>40</span>
                      <span>49</span>
                      <span>48</span>
                      <span>41</span>
                      <span>42</span></div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <hr>
        <div id="yw4" class="list-view">
          <div class="items">
            <div class="row" style="margin-top:50px">
              <div class="span12">
                <div style="margin-bottom:36px;font-size:2em;" class="light-green">科技创新
                  <div class="pull-right" style="font-size:14px">
                    <a class="theme-color" href="#">查看全部 》</a></div>
                </div>
                <div id="yw5" class="list-view">
                  <div class="items">
                    <ul class="thumbnails">
                      <li class="span3" courseid="72">
                        <div class="course-card">
                          <a href="#">
                            <img style="width: 270px;height:200px;" class="hidden-phone" src="__PUBLIC__/Home/images/15_1470639069.png" alt="image"></a>
                          <div style="border:1px solid #eee;">
                            <a style="display:block;color:#333;font-size:18px;   text-align: left;line-height: 28px;padding: 25px 25px 0 25px;" href="__APP__/Course/courseDetail">11111111111</a>
                            <div style="padding:18px 25px">
                              <div class="pull-left">
                                <strong class="orange-color">干货值：111斤</strong></div>
                              <div class="pull-right muted">已有&nbsp;111&nbsp;同学</div>
                              <div class="clearfix"></div>
                            </div>
                          </div>
                        </div>
                      </li>
                      <li class="span3" courseid="71">
                        <div class="course-card">
                          <a href="/edu/course/index/view/id/71">
                            <img style="width: 270px;height:200px;" class="hidden-phone" src="__PUBLIC__/Home/images/15_1470639069.png" alt="image"></a>
                          <div style="border:1px solid #eee;">
                            <a style="display:block;color:#333;font-size:18px;   text-align: left;line-height: 28px;padding: 25px 25px 0 25px;" href="#">222222222</a>
                            <div style="padding:18px 25px">
                              <div class="pull-left">
                                <strong class="orange-color">干货值：111斤</strong></div>
                              <div class="pull-right muted">已有&nbsp;111&nbsp;同学</div>
                              <div class="clearfix"></div>
                            </div>
                          </div>
                        </div>
                      </li>
                      <li class="span3" courseid="70">
                        <div class="course-card">
                          <a href="#">
                            <img style="width: 270px;height:200px;" class="hidden-phone" src="__PUBLIC__/Home/images/15_1470639069.png" alt="image"></a>
                          <div style="border:1px solid #eee;">
                            <a style="display:block;color:#333;font-size:18px;   text-align: left;line-height: 28px;padding: 25px 25px 0 25px;" href="#">44444444444</a>
                            <div style="padding:18px 25px">
                              <div class="pull-left">
                                <strong class="orange-color">干货值：111斤</strong></div>
                              <div class="pull-right muted">已有&nbsp;111&nbsp;同学</div>
                              <div class="clearfix"></div>
                            </div>
                          </div>
                        </div>
                      </li>
                      <li class="span3" courseid="67">
                        <div class="course-card">
                          <a href="#">
                            <img style="width: 270px;height:200px;" class="hidden-phone" src="__PUBLIC__/Home/images/15_1470639069.png" alt="image"></a>
                          <div style="border:1px solid #eee;">
                            <a style="display:block;color:#333;font-size:18px;   text-align: left;line-height: 28px;padding: 25px 25px 0 25px;" href="#">1111111111</a>
                            <div style="padding:18px 25px">
                              <div class="pull-left">
                                <strong class="orange-color">干货值：111斤</strong></div>
                              <div class="pull-right muted">已有&nbsp;111&nbsp;同学</div>
                              <div class="clearfix"></div>
                            </div>
                          </div>
                        </div>
                      </li>
                      <li class="span3" courseid="58">
                        <div class="course-card">
                          <a href="#">
                            <img style="width: 270px;height:200px;" class="hidden-phone" src="__PUBLIC__/Home/images/15_1470639069.png" alt="image"></a>
                          <div style="border:1px solid #eee;">
                            <a style="display:block;color:#333;font-size:18px;   text-align: left;line-height: 28px;padding: 25px 25px 0 25px;" href="#">3333333333</a>
                            <div style="padding:18px 25px">
                              <div class="pull-left">
                                <strong class="orange-color">干货值：111斤</strong></div>
                              <div class="pull-right muted">已有&nbsp;111&nbsp;同学</div>
                              <div class="clearfix"></div>
                            </div>
                          </div>
                        </div>
                      </li>
                      <li class="span3" courseid="56">
                        <div class="course-card">
                          <a href="#">
                            <img style="width: 270px;height:200px;" class="hidden-phone" src="__PUBLIC__/Home/images/15_1470639069.png" alt="image"></a>
                          <div style="border:1px solid #eee;">
                            <a style="display:block;color:#333;font-size:18px;   text-align: left;line-height: 28px;padding: 25px 25px 0 25px;" href="#">444444444</a>
                            <div style="padding:18px 25px">
                              <div class="pull-left">
                                <strong class="orange-color">干货值：111斤</strong></div>
                              <div class="pull-right muted">已有&nbsp;111&nbsp;同学</div>
                              <div class="clearfix"></div>
                            </div>
                          </div>
                        </div>
                      </li>
                      <li class="span3" courseid="52">
                        <div class="course-card">
                          <a href="#">
                            <img style="width: 270px;height:200px;" class="hidden-phone" src="__PUBLIC__/Home/images/15_1470639069.png" alt="image"></a>
                          <div style="border:1px solid #eee;">
                            <a style="display:block;color:#333;font-size:18px;   text-align: left;line-height: 28px;padding: 25px 25px 0 25px;" href="#">11111111111</a>
                            <div style="padding:18px 25px">
                              <div class="pull-left">
                                <strong class="orange-color">干货值：111斤</strong></div>
                              <div class="pull-right muted">已有&nbsp;111&nbsp;同学</div>
                              <div class="clearfix"></div>
                            </div>
                          </div>
                        </div>
                      </li>                      
                    </ul>
                  </div>
                  <div class="keys" style="display:none" title="#">
                    <span>72</span>
                    <span>71</span>
                    <span>70</span>
                    <span>67</span>
                    <span>58</span>
                    <span>56</span>
                    <span>52</span></div>
                </div>
              </div>
            </div>
            <hr>
        </div>    
        <div class="row">
          <div class="span12">
            <div style="font-size:20px;background-color:#ececec;margin-top: 40px;
            margin-bottom: 40px;
            padding: 20px 40px;">
              <div class="pull-left" style="margin-right:30px;">友情链接:</div>
              <div class="pull-left">
                <a href="#" class=" light-green" style="margin-right:30px;" target="_blank">腾讯课堂</a>
                <a href="#" class=" light-green" style="margin-right:30px;" target="_blank">腾讯课堂</a>
                <a href="#" class=" light-green" style="margin-right:30px;" target="_blank">腾讯课堂</a>
                <a href="#" class=" light-green" style="margin-right:30px;" target="_blank">腾讯课堂</a>
                <a href="#" class=" light-green" style="margin-right:30px;" target="_blank">腾讯课堂</a>
                </div>
              <div class="clearfix"></div>
            </div>
          </div>
        </div>
        <div class="clearfix"></div>
      </div>
    </div>
    <!--底部-->
    <div class="light-green-background">
      <div class="container">
        <div class="row">
          <div style="margin-top:40px;margin-bottom:20px;">
            <div class="span3 offset1" style="color:#FFF;margin-right:45px;">
              <h3>关于我们</h3>
              <p>这是一个给奔三的人
                <br>免费探索兴趣爱好的网站</p></div>
            <div class="span3" style="color:#FFF;margin-right:45px;">
              <h3>联系合作</h3>
              <p>
                <a style="color:#FFF;" href="#">联系我们</a></p>
              <p>
                <a style="color:#FFF;" href="#">合作方式</a></p>
            </div>
            <div class="span3" style="color:#FFF;margin-right:45px;">
              <h3>关注我们</h3>
              <p>
                <a style="color:#FFF;" href="#">微博</a></p>
              <p>
                <a style="color:#FFF;" href="#">微信</a></p>
            </div>
            <div class="clearfix"></div>
          </div>
        </div>
      </div>
    </div>
    <div class="green-background">
      <div class="container">
        <div class="row">
          <div class="span11 offset1">
            <div style="padding:15px 0;color:white;">&nbsp;&nbsp;{$configs.icp} &nbsp;&nbsp;&nbsp; Copyright © 2016-2017</div></div>
        </div>
      </div>
    </div>
  </body>

</html>